<template>
  <div>
    <el-row :gutter="8">
      <el-col :span="8">
        <el-form-item label="工商登记号">
          <el-input v-model="data.bussinessCode"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="公司英文名称">
          <el-input v-model="data.englishName"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="首次联系">
          <el-date-picker v-model="data.firstContact" type="date" size="small" value-format="YYYY-MM-DD"/>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="8">
      <el-col :span="8">
        <el-form-item label="录入日期">
          <el-input v-model="data.createTime" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="录入账号">
          <el-input v-model="data.createBy" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="8">
      <el-col :span="16">
        <el-form-item label="公司英文地址">
          <el-input v-model="data.englishAddress"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { defineComponent } from "vue";
export default defineComponent({
  props: {
    //详细数据
    detailData: {
      type: Object,
      default: () => {},
    },
  },
  emits: ["update:detailData"],
  computed: {
    data: {
      get() {
        return this.detailData;
      },
      set(value) {
        this.$emit("update:detailData", value);
      },
    },
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {},
});
</script>

<style lang="scss" scoped></style>
